<!DOCTYPE html>
<html lang="en">              
  <head>                        
    <meta charset="utf-8">                        
    <title>Proyecto Desarrolladores                    
    </title>                        
    <meta name="viewport" content="width=device-width, initial-scale=1.0">                        
    <meta name="description" content="">                        
    <meta name="author" content="">                        
    <!-- Le styles -->                            
    <link href="css/bootstrap.css" rel="stylesheet">                        
    <style type="text/css">      body {         padding-top: 130px;         padding-bottom: 40px;       }                         
    </style>                        
    <link href="css/bootstrap-responsive.css" rel="stylesheet">                        
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->                            
    <!--[if lt IE 9]>
                          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
                        <![endif]-->                            
    <!-- Le fav and touch icons -->                            
    <link rel="shortcut icon" href="ico/favicon.ico">                        
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">                        
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">                        
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">                        
    <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">              
  </head>              
  <body>                        
    <div class="navbar navbar-fixed-top">                                  
      <div class="navbar-inner">                                        
        <div class="container">                                       
          <a class="brand" href="#">Proyecto Bootstrap - DEW 2012</a>                                 
        </div>                                             
        <div class="container">                                                              
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">                                                                    
            <span class="icon-bar">                                                   
            </span>                                                                
            <span class="icon-bar">                                                   
            </span>                                                                
            <span class="icon-bar">                                                   
            </span>          </a>                                                                         
          <div class="nav-collapse">                                                                
            <ul class="nav">                                                                          
              <li class="active">                                                                   
                <a href="index.html">Bootstrap</a>                                                           
              </li>                                                                          
              <li>                                                           
              <a href="adicional.html">&iquest;Por qu&eacute; usar?</a>                                                           
              </li>                                                                          
              <li>                                                           
              <a href="ejemplos.html">Ejemplos</a>                                                           
              </li>                                                                          
              <form class="navbar-search pull-left">                                                                                      
                <input type="text" class="search-query" placeholder="Buscar">                                                                          
              </form>                                                                                                 
            </ul>                                                   
            <form class="well form-inline pull-right">                                                                  
              <input type="text" class="input-small" placeholder="Usuario">                                                                  
              <input type="password" class="input-small" placeholder="Contrase&ntilde;a">                                                                  
              <label class="checkbox">                                                                          
                <input type="checkbox"> Recordarme                                                                   
              </label>                                                                  
              <button type="submit" class="btn">Sign in                                                              
              </button>                                                          
            </form>                                                      
          </div>                                           
          <!--/.nav-collapse -->                                                              
        </div>                                  
      </div>                        
    </div>                        
    <div class="container">          	                                   
      <!-- Main hero unit for a primary marketing message or call to action -->     	                              
                                      
                                           
                                                    
          <!-- Example row of columns -->                                                           
          <div class="hero-unit">    <h1>Bootstrap, from Twitter</h1>    
            <p>Dise&ntilde;ado para todo el mundo, en todas partes. 
            </p> 
               <hr>
            <p>    
              <a class="btn btn-primary btn-large" href="adicional.html">    Aprender Mas    </a>
                 
            </p>    
          </div>                                                  
          <hr>                                                  
          <footer>                                                            
            <p>&copy; Company 2012                                                    
            </p>                                                  
          </footer>                                        
                                         
        <!-- /container -->                               
                        
    </div>                                      
    <!-- Le javascript
                        ================================================== -->                             
    <!-- Placed at the end of the document so the pages load faster -->             
<script src="js/jquery.js"></script>             
<script src="js/bootstrap-transition.js"></script>             
<script src="js/bootstrap-alert.js"></script>             
<script src="js/bootstrap-modal.js"></script>             
<script src="js/bootstrap-dropdown.js"></script>             
<script src="js/bootstrap-scrollspy.js"></script>             
<script src="js/bootstrap-tab.js"></script>             
<script src="js/bootstrap-tooltip.js"></script>             
<script src="js/bootstrap-popover.js"></script>             
<script src="js/bootstrap-button.js"></script>             
<script src="js/bootstrap-collapse.js"></script>             
<script src="js/bootstrap-carousel.js"></script>             
<script src="js/bootstrap-typeahead.js"></script>                   
  </body>
</html>